﻿<link rel="import" href="../../js/lib/polymer-v2.4.0-rc.1/polymer-element.html">
<dom-module id="picture-frame">

	<template>
		<!-- 该元素作用域的 CSS -->
		<style>
			div {
				display: inline-block;
				background-color: #ccc;
				border-radius: 8px;
				padding: 10px;
			}
		</style>
		<p>Picture Frame</p>
		<div>
			<!-- 所有子元素渲染到这里 -->
			<slot></slot>
		</div>
	</template>

	<script>
		class PictureFrame extends Polymer.Element {
			static get is() {
				return "picture-frame";
			}
		}
		customElements.define(PictureFrame.is, PictureFrame);
	</script>

</dom-module>